<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=EDGE"/>
    <title>迎天下-登录</title>
    <link href="/static/images/logo.ico" type="image/x-icon" rel="shortcut icon"/>
    <link rel="stylesheet" href="../static/css/common.css" th:href="${accountDomain+'/static/css/common.min.css?v='+version}"/>
    <link rel="stylesheet" href="../static/css/font-awesome.min.css" th:href="${'/static/css/font-awesome.min.css?v='+version}"/>
    <link rel="stylesheet" href="../static/css/login.css" th:href="${accountDomain+'/static/css/login.min.css?v='+version}"/>
</head>
<body>
<div class="login-view sdk_login">
    <div class="login-main">
        <div class="login-tab-container clearfix">
            <a href="#code" name="code" tabindex="-1" class="login-tab active J-code-login">验证码登录</a>
            <a href="#password" name="password" tabindex="-1" class="login-tab J-password-login">密码登录</a>
        </div>
        <div class="login-type-container hidden" id="J-code-container">
            <div class="login-input-container">
                <label class="login-input-icon" for="mobile"><i class="fa fa-user"></i></label>
                <input type="text" id="mobile"/>
                <span class="login-input-tips">手机号</span>
            </div>
            <div class="login-input-container hidden" id="mobileCaptchaParent">
                <label for="captcha" class="login-input-icon"><i class="fa fa-shield"></i></label>
                <input type="text" class="captcha"  maxlength="6" id="mobileCaptcha"/>
                <span class="login-input-tips">请输入字符验证码</span>
                <a href="javascript:void(0);" id="mobileCaptchaCon" class="captcha-container"><img width="100px" height="40px" src="/captcha"/></a>
            </div>
            <div class="small-input-row clearfix">
                <div class="login-input-container small fl">
                    <label class="login-input-icon" for="mobile_code"><i class="fa fa-lock"></i></label>
                    <input type="text" id="mobile_code"/>
                    <span class="login-input-tips">请输入短信验证码</span>
                </div>
                <a href="javascript:void(0);" id="getCode" class="get-code fl">获取短信验证码</a>
            </div>
            <div class="login-error-container">
                <div id="mobile-tip" class="hidden">
                    <span class="c999">此手机号未注册，将自动为您创建帐号</span>
                </div>
                <div id="mobile-error">
                    <span class="login-error-icon"><img th:src="${accountDomain+'/static/images/login_error.png'}" alt=""/></span>
                    <span class="login-error"></span>
                </div>
            </div>
            <div class="login-submit-container clearfix">
                <div class="login-submit-button">
                    <a href="javascript:void(0);" id="codeLogin" class="login">登&nbsp;&nbsp;录</a>
                </div>
                <a th:href="${accountDomain+'/password/find'}" target="_blank" class="fl login-link">忘记密码</a>
                <a th:href="${userDomain}" target="_blank" class="fr login-link">免费注册</a>
            </div>
        </div>
        <div class="login-type-container" id="J-password-container">
            <div class="login-input-container">
                <label class="login-input-icon" for="userName"><i class="fa fa-user"></i></label>
                <input type="text" id="userName"/>
                <span class="login-input-tips">请输入帐号/手机号</span>
            </div>
            <div class="login-input-container">
                <label class="login-input-icon" for="passWord"><i class="fa fa-lock"></i></label>
                <input type="password" id="passWord"/>
                <span class="login-input-tips">请输入密码</span>
            </div>
            <div class="login-input-container hidden" id="captchaParent">
                <label for="captcha" class="login-input-icon"><i class="fa fa-shield"></i></label>
                <input type="text" class="captcha" maxlength="6" id="captcha"/>
                <span class="login-input-tips">请输入字符验证码</span>
                <a href="javascript:void(0);" id="captchaCon" class="captcha-container"><img width="100px" height="40px" src="/captcha"/></a>
            </div>
            <div class="login-error-container hidden">
                <span class="login-error-icon"><img th:src="${accountDomain+'/static/images/login_error.png'}" alt=""/></span>
                <span class="login-error"></span>
            </div>
            <div class="login-submit-container clearfix">
                <div class="login-submit-button">
                    <a href="javascript:void(0);" class="login" id="passwordLogin">登&nbsp;&nbsp;录</a>
                </div>
                <a th:href="${accountDomain+'/password/find'}" target="_blank" class="fl login-link">忘记密码</a>
                <a th:href="${userDomain}" target="_blank" class="fr login-link">免费注册</a>
            </div>
        </div>
    </div>
    <div class="login-other"><p><span>第三方帐号登录 : </span><a href="javascript:void(0)" id="wechat-login"><img th:src="${accountDomain+'/static/images/wechat.png'}" class="login-other-img" alt=""/><span class="under-link">微信</span></a></p></div>
</div>
<script th:inline="javascript">
    var thymeleafData = {
        userDomain:[[${userDomain}]],
        indexDomain:[[${indexDomain}]],
        accountDomain:[[${accountDomain}]],
        needCaptcha : [[${needCaptcha}]],
        mobile:[[${sdkMobile}]],
        userName:[[${sdkUserName}]],
        backUrl:[[${link}]],
        redirect:[[${redirect}]],
        appid:[[${appId}]]
    };
</script>
<script src="../static/js/jquery-1.11.3.min.js" th:src="${accountDomain+'/static/js/jquery-1.11.3.min.js?v='+version}"></script>
<script src="../static/js/jquery.placeholder.min.js" th:src="${accountDomain+'/static/js/jquery.placeholder.min.js?v='+version}"></script>
<script src="../FEtest/test/login_popup.js" th:src="${accountDomain+'/static/js/account/login_popup.min.js?v='+version}"></script>
</body>
</html>
